<template>
	<view class="container">
		<main class="content">
			<swiper class="swiper" indicator-dots="true" circular="true" autoplay="true" interval="3000" duration="500">
				<swiper-item v-for="(image, index) in petImages" :key="index">
					<image class="slide-image" :src="image"></image>
				</swiper-item>
			</swiper>
		</main>
		<footer class="footer">
			
		</footer>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				petImages: [
					'/static/951602231668_.pic@2x.png',
					'/static/961602231669_.pic@2x.png',
					'/static/971602231670_.pic@2x.png'
				]
			};
		},
		methods: {}
	};
</script>

<style>
	.container {
		height: 100vh;
	}

	.swiper {
		width: 100vw;

		.slide-image {
			width: 100%;
		}
	}
</style>